<!-- author: 汪孟苹 -->
<link rel="stylesheet" href="page/res/css/plugins/dataTables.bootstrap.css"/>
<link rel="stylesheet" href="common/datatable/datatable.css">
<link rel="stylesheet" href="page/followup/css/common/common.css">
<link rel="stylesheet" href="page/baseChildHealth/css/visit/visitAppointList.css">
<body>
	<div class="layout">
	  	<div class="layout-top clearfix">
	  		<div class="layout-top-left">
				<div class="title">访视预约记录</div>
	  		</div>
	  		<div class="layout-top-right">
				<div class="btn-group">
					<div id="addBtn" class="btn btn-info">新增</div>
		  		</div>
	  		</div>
	  	</div>
	  	<div class="layout-center">
			<div id="datatableForm" class="form-horizontal clearfix">
				<div class="dt-card form-group grid-label-2">
				    <label for="userName" class="control-label">姓名</label>
				    <div class="control-input">
				      	<input id="userName" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label for="phoneNo" class="control-label">联系方式</label>
				    <div class="control-input">
				      	<input id="phoneNo" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label for="address" class="control-label">小区名称</label>
				    <div class="control-input">
				      	<input id="address" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label for="visitType" class="control-label">访视阶段</label>
				    <div class="control-input">
				      	<select class="form-control" id="visitType">
				      		<option value="">全部</option>
							<option value="1">首次访视</option>
							<option value="2">满月访视</option>
				      	</select>
				    </div>
				</div>
				<div class="dt-card form-group">
			      	<button type="button" class="btn btn-info" id="serchBtn">搜索</button>
				</div>
	  		</div>
	  	</div>
	  	<div class="layout-bottom">
            <table id="datatable" class="table table-striped table-bordered table-hover"> 
			    <thead> 
			     	<tr>
			     		<th>访视阶段</th>
                        <th>姓名</th>
                        <th>联系方式</th>
                        <th>小区名称</th>
					    <th>门牌号码</th>
					    <th>联系时间</th>
					    <th>预约时间</th>
					    <th>操作</th>
			     	</tr> 
			    </thead> 
			    <tbody></tbody>
		   	</table> 
	  	</div>
	</div>
	<div id="visitWarnToday" class="visit-warn-today-wrap alert alert-info alert-dismissible fade in" role="alert">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
		  	<span aria-hidden="true">&times;</span>
		</button>
		<div class="title">今日访视家庭提醒</div>
		<div id="visitWarnTodayBox" class="visit-warn-today"></div>
	</div>
<script type="text/javascript">
require(['jquery','bch/app/visit/visitAppointList'],function($,$visitAppointList){
	$visitAppointList.init();  
});
</script>
</body>